/*
	navigation bar - horizontal dropdown
	--------------------------------------------------
*/

/* first level */
ul.menu {
    /*float: left;*/
    top:0px;
    height: 10px;
    width:100%;
    /*margin: 20px 0;*/
    padding: 0;
    /*border-left: 1px solid #d7d7d7;*/
    /*border-right: 1px solid #d7d7d7;*/
    list-style: none;
    background: transparent url(bg-nav.png) repeat-x 0 0;
}

ul.menu li {
    position: relative;
    float: left;
/*	line-height: 1.1;*/
}

ul.menu li a {
    display: block;
    width: auto;
    padding: 10px;
    text-decoration: none;
    color: black;
    background: transparent url(bg-nav-sep.png) no-repeat right 2px;
}

ul.menu li.last a {
    background: transparent;
}

ul.menu li a.sub {
    padding-right: 15px;
    background: transparent url(bg-nav-sep.png) no-repeat right -30px;
}

ul.menu li:hover,
ul.menu li.hover  {
    background: transparent url(bg-nav.png) repeat-x 0 -32px;
}

ul.menu li:hover a,
ul.menu li.hover protofish a {
    color: #000;
}

ul.menu li.active a {
    color: black;
}

/* second level */
ul.menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    top: 32px;
    width: 168px;
    border-top: 1px solid #d7d7d7;
}

/* resetting first level */
ul.menu ul ul {
}

ul.menu li:hover li,
ul.menu li:hover li a,
ul.menu li.hover li,
ul.menu li.hover li a {
    background: #fff;
    color: black;
}

/* submenu markup */
ul.menu li li {
    width: 100%;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

ul.menu li li.last {
    border-bottom: 1px solid #d7d7d7;
}

ul.menu li li a {
    padding: 5px 5px 5px 10px;
}

ul.menu li:hover li:hover a,
ul.menu li.hover li.hover a {
    background: #f6f6f6;
    color: black;
}

ul.menu li:hover li.active a,
ul.menu li.hover li.active a {
    color: black;
}

ul.menu li li a.sub {
    padding-right: 15px;
    background: url(arrow_r.png) no-repeat 95% 50%;
}

ul.menu li:hover li:hover a.sub,
ul.menu li.hover li.hover a.sub {
    background: #f6f6f6 url(arrow_r.png) no-repeat 95% 50%;
}

/* third level */
/* resetting second level */
ul.menu ul ul{
    top: -1px;
    margin-left: 169px;
    background: #fff;
}

ul.menu li:hover li:hover li,
ul.menu li:hover li:hover li a {
    color: black;
}

/* subsubmenu markup */
ul.menu li:hover li:hover li:hover a,
ul.menu li.hover li.hover li.hover a {
    background: #e6e6e6;
    color: black;
}

ul.menu li:hover li:hover li.active a,
ul.menu li.hover li.hover li.active a {
    color: black;
}

ul.menu li:hover li:hover li:hover a.sub,
ul.menu li.hover li.hover li.hover a.sub {
    background: #e6e6e6 url(arrow_r.png) no-repeat 95% 50%;
}

/* fourth level */
/* resetting second level */
ul.menu li:hover li:hover li:hover li,
ul.menu li:hover li:hover li:hover li a,
ul.menu li.hover li.hover li.hover li,
ul.menu li.hover li.hover li.hover li a {
    color: black;
}

/* subsubmenu markup */
ul.menu li:hover li:hover li:hover li:hover a,
ul.menu li.hover li.hover li.hover li.hover a {
    background: #ccc;
    color: black;
}

ul.menu li:hover li:hover li:hover li.active a,
ul.menu li.hover li.hover li.hover li.active a {
    color: black;
}

ul.menu li:hover li:hover li:hover li a.sub,
ul.menu li.hover li.hover li.hover li a.sub {
    background: #e6e6e6;
}

ul.menu li:hover li:hover li:hover li:hover a.sub,
ul.menu li.hover li.hover li.hover li.hover a.sub {
    background: #ccc;
}

/* hiding fifth level */
div#nav ul ul ul ul ul {
    display: none;
}

/* show hide behaviour */
ul.menu ul,
ul.menu li:hover ul ul,
ul.menu ul ul,
ul.menu li:hover ul ul ul,
ul.menu ul ul ul,
ul.menu li:hover ul ul ul ul {
    position: absolute;
    left: -999em;
}

ul.menu li:hover ul,
ul.menu li li:hover ul,
ul.menu li li li:hover ul,
ul.menu li li li li:hover ul {
    left: -1px;
    z-index: 999;
}

/* show hide behaviour with protofish */
ul.menu li.hover ul ul,
ul.menu li.hover ul ul ul,
ul.menu li.hover ul ul ul ul {
    position: absolute;
    left: -999em;
}

ul.menu li.hover ul,
ul.menu li li.hover ul,
ul.menu li li li.hover ul,
ul.menu li li li li.hover ul {
    left: -1px;
    z-index: 999;
}

/* ********** */
/* PROTO protomenu */

/* GENERAL STYLES */

div.protomenu {
    position: absolute;
    top: 0;
    left: 0;
    font-family: verdana;
}

div.protomenu a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    font-size: x-small;
}
.protomenu .separator {
    height: 1px;
    padding: 0;
    overflow: hidden;
    display: block;
    font-size: 1px;
}
.protomenu ul, .protomenu li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.protomenu li {
    list-style-position: outside;
}

/* FIREFOX STYLES */

.protomenu.firefox {
    width: 12em;
    background: #F4F5EB;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 2px 0;
}
.protomenu.firefox a {
    color: black;
    padding: 4px 15px;
    margin: 0 2px;
}

.protomenu.firefox a:hover {
    background: #006;
    color: #fff;
}
.protomenu.firefox a.disabled {
    color: #bbb;
}
.protomenu.firefox a.disabled:hover {
    background: #F4F5EB;
    color: #bbb;
}
.protomenu.firefox .separator {
    border-bottom: 1px solid #fff;
    background: #999;
    margin: 2px 4px;
}
